<script lang="ts" setup>

defineProps({
  size: {
    type: String,
    required: false,
    default: () => '16'
  },
  color: {
    type: String,
    required: false,
    default: () => 'currentColor'
  }
})

</script>

<template>
  <svg :height="size" :width="size" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path
        :fill="color"
        d="M155 324c-15.661 15.661-58.379 59.224-95.011 96.65C22.559 376.14 0 318.708 0 256c0-62.644 22.513-120.021 59.873-164.514c30.242 30.708 73.322 74.385 95.832 96.895C192.662 225.338 184.5 294.5 155 324m171-170l93.506-94.979C375.157 22.168 318.17 0 256 0C193.643 0 136.502 22.304 92.096 59.358L180 148c49.545 46.646 108.054 38.476 146 6m125.429-63.34c-30.279 30.747-73.932 75.007-96.645 97.72c-36.958 36.958-28.795 106.12.705 135.62c15.777 15.777 59.01 59.869 95.822 97.479C489.158 376.852 512 319.098 512 256c0-63.032-22.794-120.732-60.571-165.34M420.29 452.317L326 356.54c-37.946-32.476-96.455-40.647-146 6l-88.69 89.436C135.825 489.427 193.272 512 256 512c62.539 0 119.83-22.437 164.29-59.684"/>
  </svg>
</template>

<style lang="scss" scoped>

</style>
